<template>
  <div class="center">
    <div class="title">
      <div class="backIcon" @click="backHome">
        <IconFont name="rect-left" color="#342e2c" size="18"></IconFont>
      </div>
      <div class="titleName">审核列表</div>
      <div class="nullT"></div>
    </div>
    <div class="list">
      <div class="info" v-for="item in tripList" :key="item">
        <div class="infoTitle">
          <div class="name">{{ item.CarNum }}</div>
          <div class="over">{{ item.status }}</div>
        </div>
        <div class="address">
          <div class="time">
            <IconFont
              name="clock"
              color="#342e2c"
              size="14"
              style="margin-right: 10px"
            ></IconFont>
            {{ item.time }}
          </div>
          <div class="startAddress">
            <div></div>
            {{ item.startAddress }}
          </div>
          <div class="endAddress">
            <div></div>
            {{ item.endAddress }}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script lang="js" setup>
import { ref, onMounted, defineProps, defineEmits } from "vue";
import Taro, { eventCenter, useDidShow, useDidHide } from '@tarojs/taro';

import { IconFont } from '@nutui/icons-vue-taro';
const tripList=ref([
  {
    time:'2021-05-20 12:00:00',
    CarNum:'新A32345',
    startAddress:'北京',
    endAddress:'上海',
    status:'待审核'
  },
  {
    time:'2021-05-20 12:00:00',
    CarNum:'新A32315',
    startAddress:'北京',
    endAddress:'上海',
    status:'待审核'
  },
  {
    time:'2021-05-20 12:00:00',
    CarNum:'新A52345',
    startAddress:'上海',
    endAddress:'北京',
    status:'待审核'
  },

])
function backHome() {
  Taro.navigateTo({
    url: '/pages/index/index'
  })
}
onMounted(() => {});
defineExpose({});
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
